* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
	font-family: "PingFang SC";
}

/*/ 引入本地字体 */
@font-face {
	font-family: "PingFang SC";
	src: url('~@/static/PingFang SC Medium.ttf');
}

:root {
  --c-active: #0090ff;
  --c-warning: #e6a23c;
  --c-danger: #f78989;
}

/* flex */
.flex {
  display: flex;
  flex-direction: row;
}

.flex-jc-fe {
  justify-content: flex-end;
}
.flex-jc-c {
  justify-content: center;
}
.flex-jc-sa {
  justify-content: space-around;
}
.flex-jc-sb {
  justify-content: space-between;
}

.flex-ai-c {
  align-items: center;
}
.flex-ai-fs {
  align-items: flex-start;
}
.flex-ai-fe {
  align-items: flex-end;
}
.flex-ai-bl {
  align-items: baseline;
}

.flex-ac-fs {
  align-content: flex-start;
}
.flex-ac-c {
  align-content: center;
}
.flex-ac-fe {
  align-content: flex-end;
}
.flex-ac-sa {
  align-content: space-around;
}
.flex-ac-sb {
  align-content: space-between;
}

.flex-dir-c {
  flex-direction: column;
}
.flex-dir-cr {
  flex-direction: column-reverse;
}
.flex-dir-rr {
  flex-direction:row-reverse
}
.flex-wrap-w {
  flex-wrap: wrap;
}
.flex-wrap-wr {
  flex-wrap: wrap-reverse;
}

// 
.btn-bg-yellow{
	min-width: 200rpx;
	height: 60rpx;
	line-height: 60rpx;
	background-color: #FBD220;
	text-align: center;
	border-radius: 60rpx;
	margin:0px 4rpx;
	font-size: 28rpx;
	display: inline-block;
	padding: 0rpx 16rpx;
	.icon{
		margin: 0px 6rpx; 
		vertical-align: middle;
	}
	
}
.mt-90 {
	margin-top: 90rpx;
}
.mt-80 {
	margin-top: 80rpx;
}
.mt-70 {
	margin-top: 70rpx;
}
.mt-60 {
	margin-top: 60rpx;
}
.mt-50 {
	margin-top: 50rpx;
}
.mt-45 {
	margin-top: 45rpx;
}
.mt-40 {
	margin-top: 40rpx;
}
.mt-30 {
	margin-top: 30rpx;
}
.mt-20 {
	margin-top: 20rpx;
}
.mt-15{
	margin-top: 15rpx;
}
.mt-10{
	margin-top: 10rpx;
}
.mt-5{
	margin-top: 5rpx;
}
.ml-100{
	margin-left: 100rpx;
}
.ml-90{
	margin-left: 90rpx;
}
.ml-80{
	margin-left: 80rpx;
}
.ml-35{
	margin-left:35rpx;
}
.ml-30{
	margin-left:30rpx;
}
.ml-25{
	margin-left: 25rpx;
}
.ml-20{
	margin-left: 20rpx;
}
.ml-15{
	margin-left: 15rpx;
}
.ml-10{
	margin-left: 10rpx;
}
.ml-5{
	margin-left: 5rpx;
}
.mr-5{
	margin-right: 5rpx;
}
.mr-10{
	margin-right: 10rpx;
}
.mr-15{
	margin-right: 15rpx;
}
.mr-20{
	margin-right: 20rpx;
}
.mr-30{
	margin-right: 30rpx;
}
.mr-40{
	margin-right: 40rpx;
}
.mr-45{
	margin-right: 45rpx;
}
.mr-50{
	margin-right: 50rpx;
}
.mr-55{
	margin-right: 55rpx;
}
.mr-60{
	margin-right: 60rpx;
}
.mr-65{
	margin-right: 65rpx;
}
.mb_15 {
	margin-bottom: 15rpx;
}
.mb_20{
	margin-bottom: 20rpx;
}
.mb_30{
	margin-bottom: 30rpx;
}
.pl-5{
	padding-left: 5rpx;
}
.pl-10{
	padding-left: 10rpx;
}
.pl-15{
	padding-left: 15rpx;
}
.pl-20{
	padding-left: 20rpx;
}
.pl-25{
	padding-left: 25rpx;
}
.pl-30{
	padding-left: 30rpx;
}
.pl-35{
	padding-left: 35rpx;
}
.pl-40{
	padding-left: 40rpx;
}
.pl-45{
	padding-left: 45rpx;
}
.pl-50{
	padding-left: 50rpx;
}
.pr-30{
	padding-right: 30rpx;
}
.pb-10{
	padding-bottom: 10rpx;
}
.pb-15{
	padding-bottom: 15rpx;
}
.pt-5{
	padding-top: 5rpx;
}
.pt-10{
	padding-top: 10rpx;
}
.pt-15{
	padding-top: 15rpx;
}
.pt-20{
	padding-top: 20rpx;
}
.pt-25{
	padding-top: 25rpx;
}
.plr-10{
  padding: 0rpx 10rpx;
}
.plr-20{
  padding: 0rpx 20rpx;
}
.plr-25{
  padding: 0rpx 25rpx;
}
.plr-30{
  padding: 0rpx 30rpx;
}
.plr-40{
  padding: 0rpx 40rpx;
}
.plr-80{
  padding: 0rpx 80rpx;
}
.width-100{
	width: 100%;
}
.width-95{
	width: 95%;
}
.width-90{
	width: 90%;
}
.width-80{
	width: 80%;
}
.width-75{
	width: 75%;
}
.width-70{
	width: 70%;
}
.width-65{
	width: 65%;
}
.width-60{
	width: 60%;
}
.width-50{
	width: 50%;
}
.width-40{
	width: 40%;
}
.width-35{
	width: 35%;
}
.width-30{
	width: 30%;
}
.width-25{
	width: 25%;
}
.width-20{
	width: 20%;
}
.width-10{
	width: 10%;
}
.font-26{
	font-size: 26rpx;
}
.font-24{
	font-size: 24rpx;
}
.font-28{
	font-size: 28rpx;
}
.font-30{
	font-size: 30rpx;
}
.font-32{
	font-size: 32rpx;
}
.font-34{
	font-size: 34rpx;
}
.font-36{
	font-size: 36rpx;
}
.font-bold{
	font-weight: bold;
}
.color-EB5B01{
	color: #EB5B01;
}
.color-FBB000{
	color: #FBB000;
}
.color-000{
	color: #000;
}
.color-333{
	color: #333;
}
.color-666{
	color: #666;
}
.color-999{
	color: #999;
}
.color-fff{
	color: #fff !important;
}
.color-EB5C02{
	color: #EB5C02 !important;
}
.block-inline{
	display: inline-block;
}
.border-bottom-1{
	border-bottom: 1px solid #F5F5F5;
}
.pad-t-b-10{
	padding: 10rpx 0rpx;
}
.pad-t-b-20{
	padding: 20rpx 0rpx;
}
.middle{
	vertical-align: middle;
}

// 文本单行一出省略
.s-line-text {
  /* 单行...*/
  overflow: hidden; /*超出部分隐藏*/
  white-space: nowrap; /*禁止换行*/
  text-overflow: ellipsis; /*省略号*/
}